<template>
    <view class="titleBox">{{ title }}</view>
</template>

<script>
    export default {
        props: ['title'],
        data() {
            return {}
        },
        methods: {}
    }
</script>

<style lang="scss" scoped>
    .titleBox {
        padding-left: 20rpx;
        color: var(--color);
        font-size: 30rpx;
        position: relative;
    }
    .titleBox::before {
        content: '';
        width: 4rpx;
        height: 30rpx;
        background-color: var(--color);
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
    }
</style>
